<template>
	<view class="pageList">
		<view class="flex relative">
			<u-tabs :list="tabs.list" :current="tabs.current" @click="clicktabs" :activeStyle="{color: '#fff'}"
			:inactiveStyle="{ color: '#8b8baa' }" :itemStyle="{ height: '50px'}" 
			lineColor="#fff" lineWidth="50" lineHeight="4" style="width: 680rpx;"></u-tabs>
			<u-icon name="order" color="#8b8baa" size="20"></u-icon>
			<u-gap height="8" bgColor="#8b8baa" class="absolute bottom-0 left-0 w-full" style="opacity: 0.4; width: 750rpx;"></u-gap>
		</view>
		
		<view v-show="tabs.current==0">
			<view class="p-8">
				<u-empty :text="$t('bibi.zanwushuju')" icon="/static/images/sys/zwsj.png"></u-empty>
			</view>
		</view>
		<view v-show="tabs.current==1">
			<view class="p-8">
				<u-empty :text="$t('bibi.zanwushuju')" icon="/static/images/sys/zwsj.png"></u-empty>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	export default {
		computed: {
			...mapGetters(['userInfo', 'api', 'config']),
		},
		components: {},
		data() {
			return {
				// 分类
				tabs:{
					current:0,
					list:[{name:this.$t('heyue.chiyoucw')+'(0)',index:0 },{name: this.$t('bibi.dangqianweituo')+'(0)',index:1}]
				},
				dataList:[],
			}
		},
		onLoad(op) {
			console.log(this.tabs.list);
			
		},
		methods: {
			clicktabs(item) {
				console.log('item', item);
				this.tabs.current = item.index
			},
		}
	}
</script>

<style lang="scss">
</style>